<template>
	<a-card :bordered="false">
	  <!-- 查询区域 -->
	  <search :config="searchConfig" @search="search" @getHeight="getHeight" />

	  <!-- table区域-begin -->
	  <div class='page_table'>
	    <vxe-grid
	      ref='xGrid'
	      :border='true'
	      :resizable='true'
	      :showOverflow='true'
	      size='mini'
	      :loading='loading'
	      :height='pageHeight-seachHeight-94'
	      :align='left'
	      :columns='columns'
	      :data='dataSource'
	      :toolbar-config="tableToolbar"
	     :checkbox-config="checkboxConfig"
	      v-bind='vexConfig'
	      @checkbox-change='selectChangeEvent'
	      @checkbox-all="selectChangeEvent"
	    >
		<template #toolbar_buttons>
		  <!-- 操作按钮区域 -->
		  <div class="table-operator">
		    <a-button type='primary' v-has="'ordermgt:export'" @click="downExportXls('cnProduct_service' )">导出</a-button>
		    <a-button type='primary'  @click='handleBusiness'>日志</a-button>
		  </div>
		</template>
		<template #pager>
		  <vxe-pager
		    :layouts="['Total', 'PrevJump', 'PrevPage', 'Number', 'NextPage', 'NextJump','Sizes', 'FullJump']"
		    :currentPage.sync='ipagination.current'
		    :page-size.sync='ipagination.pageSize'
		    :total='ipagination.total'
		    :pageSizes='ipagination.pageSizeOptions'
		    @page-change='handlePageChange'>
		  </vxe-pager>
		</template>
	    </vxe-grid>
	  </div>
	</a-card>
</template>

<script>
	import ordermgtModal from './TerminalOrderModal/ordermgtModal.vue'
	import { PageListMixin } from '@/mixins/PageListMixin'
	import { getAction, postAction } from '@api/manage'
	import Vue from 'vue'
	export default {
	  name: 'userorgerl',
	  mixins: [PageListMixin],
	  components: {
	    ordermgtModal
	  },
	data() {
	  return {
	    selectedRowKeys: [],
	    description: '用户组织关系',
	    searchConfig: [
	      {
	        // label:'区域编号',
	        type: 'input',
	        name: '',
	        placeholder: ' DMS订单编号'
	      }, {
	        type: 'input',
	        name: '',
	        placeholder: '经销商编号',
	      },
	      {
	        // label:'区域编号',
	        type: 'input',
	        name: '',
	        placeholder: '经销商名称'
	      },
	      {
	        type: 'input',
	        name: 'status',
	        placeholder: '发货人',
	      },
	    ],
	    //表头
	    columns: [],
	    //列设置
	    settingColumns: [],
	    columns: [
	      { type: 'checkbox', width: 60, fixed: 'left' },
	      {
	        title: '订单编号',
	        align: 'left',
	        field: '',
	        minWidth: 80,
	      },
	      {
	        title: '经销商编号',
	        align: 'left',
	        field: '',
	        minWidth: 80,
	      },
	      {
	        title: '经销商名称',
	        align: 'left',
	        field: '',
	        minWidth: 80,
	      },
	      {
	        title: '商品编号',
	        align: 'left',
	        field: '',
	        minWidth: 80,
	      }
	      ,{
	        title: '商品名称',
	        align: 'left',
	        field: '',
	        minWidth: 80,
	      },
	      ,{
	        title: '订单数量',
	        align: 'left',
	        field: '',
	        minWidth: 80,
	      },
	      ,{
	        title: '发货方',
	        align: 'left',
	        field: '',
	        minWidth: 80,
	      },
	      ,{
	        title: '发货状态',
	        align: 'left',
	        field: '',
	        minWidth: 80,
	      },
	      {
	        title: '发货数量',
	        align: 'left',
	        minWidth: 80,
	        field: ''
	      }
	    ],
	    url: {
	      list: window._CONFIG['domianURL'] + '',
	      // detail: window._CONFIG['domianURL'] + '/userorgrelation/cnUserOrgRelation/saveOrUpdate',
	      edit: window._CONFIG['domianURL'] + '/mdsProduct/saveOrUpdateEntity',
	      deleteBatch: '/userorgrelation/cnUserOrgRelation/deleteBatch',
	      delete: window._CONFIG['domianURL'] + '/userorgrelation/cnUserOrgRelation/delete',
	      exportXlsUrl: window._CONFIG['domianTpmURL'] + 'budget/tpmBudgetFee/exportXls'
	    }
	  }
	},
	}
</script>

<style>
</style>